.signature {
  // padding: 22px;
  .signature-body {
    background-color: #fff;
    padding: 30px;
    padding-top: 0;
    margin-top: -20px;
    .img-default {
      background-color: #DEDEDE;
      width: 100%;
      height: 300px;
      display: flex;
      justify-content: center;
      align-items: center;
      font-size: 40px;
      color: #666666;
      white-space: nowrap;
    }
    .img {
      border: 1px solid #e8e8e8;
        width: 100%;
        height: 300px;
    }
  }
  .canvas-box {
    height: 500px;
    padding: 22px;
    position: relative;
    .canvas {
      width: 100%;
      height: 100%;
    }
    .text_warp{
      position: absolute;
      top: 0;
      left: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: 100%;
      font-size: 50px;
      color: #333;
      white-space: nowrap;
      .text-detail{
        font-size: 50px;
        color: #333;
        white-space: nowrap;
      }
    }
  }
  .btn-warp {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    padding: 22px;

    .text2 {
      margin-left: 20px;
    }
  }
}
